import React from "react";
import {  ScrollView,View,Text} from 'react-native';
import Headers from '@/app/components/header/Headers';
import {size} from '@/app/utils';
import { styles } from "./styles";
import { useTranslation } from '@/app/utils/useTranslation';
const UserRulesScreen = (props:any) => {
    const { t } = useTranslation();
    return(
        <View style={{ flex: 1,flexDirection:'column',backgroundColor:'#ffff'}}>
            <Headers
                title={t('t15')}
                border={false}
                barStyle={0}
                leftIcon={require('@/assets/images/icon/back.png')}
                leftTitle={''}
                backgroundColor={`rgba(255,255,255,1)`}
                {...props}
            />
            <View style={{flex: 1,}}>
                <ScrollView 
                    style={{paddingLeft:size(20),paddingRight:size(20),paddingTop:size(20)}}
                >
                    <View>
                        <Text style={styles.textDesc}>
                            {t('t771')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textTitle}>
                            {t('t772')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textDesc}>
                            {t('t773')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textTitle}>
                            {t('t774')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textDesc}>
                           {t('t775')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textDesc}>
                           {t('t776')}
                        </Text>
                         <Text style={styles.textDesc}>
                           {t('t777')}
                        </Text>
                        <Text style={styles.textDesc}>
                            {t('t778')}
                        </Text>
                        <Text style={styles.textDesc}>
                            {t('t779')}
                        </Text>
                        <Text style={styles.textDesc}>
                            {t('t780')}
                        </Text>
                        <Text style={styles.textDesc}>
                            {t('t781')}
                        </Text>
                        <Text style={styles.textDesc}>
                            {t('t782')}
                        </Text>
                        <Text style={styles.textDesc}>
                            {t('t783')}
                        </Text>
                        <Text style={styles.textDesc}>
                            {t('t784')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textTitle}>
                            {t('t785')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textTitle}>
                            {t('t786')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textDesc}>
                           {t('t787')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textTitle}>
                           {t('t788')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textDesc}>
                           {t('t789')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textTitle}>
                           {t('t790')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textDesc}>
                           {t('t791')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textTitle}>
                           {t('t792')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textDesc}>
                           {t('t793')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textTitle}>
                           {t('t794')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textDesc}>
                           {t('t795')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textDesc}>
                           {t('t796')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textDesc}>
                           {t('t797')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textDesc}>
                           {t('t798')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textTitle}>
                           {t('t799')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textDesc}>
                           {t('t800')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textTitle}>
                           {t('t801')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textDesc}>
                           {t('t802')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textDesc}>
                           {t('t803')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textDesc}>
                           {t('t804')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textDesc}>
                           {t('t805')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textDesc}>
                           {t('t806')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textDesc}>
                           {t('t807')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textDesc}>
                           {t('t808')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textDesc}>
                           {t('t809')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textDesc}>
                           {t('t810')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textDesc}>
                           {t('t811')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textTitle}>
                           {t('t812')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textDesc}>
                           {t('t813')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textDesc}>
                           {t('t814')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textDesc}>
                           {t('t815')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textDesc}>
                           {t('t816')}
                        </Text>
                    </View>
                </ScrollView>
            </View>
        </View>
    )
}

export default UserRulesScreen